<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>   
<%
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>
  <head>
    <base href="<%=basePath%>">  
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
	<script >
		$(function(){
			var left = "images/jiantouleft.png";
			var right = "images/jiaotouright.png";
			var flag=false;
			$("#td3").click(function(){
				$("#td2").toggle();
				if(flag==false){
					$("img").attr("src",right);
					flag=true;
				}else{
					$("img").attr("src",left);
					flag=false;
				}
			});
		});
	</script>
	<link rel="stylesheet" type="text/css" href="css/center.css" ></link>
	<style>
		img{
			background:#ADD2DA;
			width:100%;
		}
	</style>
  </head>
  
  <body>
  		<table id="table1" >
				<tr>
					<td id="td1"></td>
					<td id="td2"><iframe frameborder="0" id="leftFrame" src="left.jsp"></iframe></td>
					<td id="td3"><img src="images/jiantouleft.png"></td>
					<td id="td4"><iframe frameborder="0" id="centerFrame" name="centerFrame" src="right.jsp"></iframe></td>
					<td id="td5"></td>		
				</tr>
		</table>		
  </body>
</html>